<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
	<meta charset="UTF-8">
	<title>合作券商_慧盈期权</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	
	<style type="text/css" media="screen">
		#navbar-top{
			height: 90px;
			background-color:#fff;
		}
		#navbar-ul li{
			width: 120px;
			height: 90px;
			background-color:#ffffff;
		}
		#navbar-ul li a{
			height: 90px;
			font-size: 20px;
			text-align: center;
			line-height: 70px;
			font-family: "宋体";
			color:black;
		}
		#navbar-ul li:hover {
			background-color: #dcdcdc;
		}
	  #carousel-example-generic{
		margin-top: 90px;
      }
  
      .carousel img{
        width: 100%;
      }
      .carousel-caption p{
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 1.8;
      }
	
	 #summary-container .col-md-4{
        text-align: center;
        margin-bottom: 20px;
      }

	hr.divider{margin: 40px 0;}
      .feature{
        padding: 30px 0;
      }
      #summary-container div{
		border:1px solid red;
		border-radius:25px;
      }
		
	#summary-container div:hover {
		background-color: #dcdcdc;
    }
    #footer{
	  	height: 60px;
	  	width: 100%;
	  }
	#footer a{
		float: right;
		text-decoration: none;
		margin-top: 20px;
		margin-left: 30px;
	}
	</style>
</head>
<body>
	<!-- 导航条 -->
	<nav class="navbar navbar-default navbar-fixed-top" id="navbar-top" role="navigation">
	  <div class="container">

	    <!-- 页面缩显示 -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <!-- logo -->
	      <a class="navbar-brand" href="#">
			<img src="images/logo.jpg" alt="">
	      </a>
	    </div>

	    <!-- 导航标签 -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="height: 100px;">
	      <ul class="nav navbar-nav navbar-right" id="navbar-ul">
            <li><a href="index.html">首页</a></li>
            <li><a href="http://pc.zgzxxh.com/#/?_k=lcmrx3" target="_blank">期权交易</a></li>
		    <li><a href="news.html" target="_blank">新闻资讯</a></li>  
		    <li><a href="connect.html" target="_blank">合作券商</a></li>  
		    <li><a href="job.html" target="_blank">招贤纳士</a></li>  
            <li><a href="about.html" target="_blank">关于我们</a></li>        
	      </ul>
	    </div><!-- 导航标签结束-->
	  </div>
	</nav><!-- 导航条 -->	

	<!-- carousel轮播图 -->
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
	  <!-- 设置图片轮播的顺序 -->
<!-- 	  <ol class="carousel-indicators">
  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol> -->

	  <!-- 设置轮播图片 -->
	  <div class="carousel-inner" role="listbox">
	    <div class="item active">
	      <img src="images/connect.jpg" alt="...">
	      <div class="carousel-caption">
	        <h1>合作伙伴</h1>
	                    <!-- <p>Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。</p> -->
	      </div>
	    </div>
	  </div>

	  <!-- 设置轮播图片控制器 -->
	  <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
	    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	    <span class="sr-only">Previous</span>
	  </a>
	  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
	    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	    <span class="sr-only">Next</span>
	  </a> -->
	</div>
	<!-- 首页内容 -->
	<div class="container">
		<br>
      <div class="row" id="summary-container">
        <div class="col-md-4">
          <img src="images/1.png" alt="chrome">
          <h4>上海证券</h4>
        </div>
        <div class="col-md-4">
          <img src="images/2.png" alt="firefox">
          <h4>广发银行</h4>
        </div>
        <div class="col-md-4">
          <img src="images/3.png" alt="safari">
          <h4>中金公司</h4>
        </div>
        <div class="col-md-4">
          <img src="images/4.png" alt="chrome">
          <h4>中信银行</h4>
        </div>
        <div class="col-md-4">
          <img src="images/5.png" alt="firefox">
         <h4>江海证券</h4>
        </div>
        <div class="col-md-4">
          <img src="images/6.png" alt="safari">
         <h4>中心证券</h4>
        </div>
      </div>
	</div>

      <!-- 分割线 -->
	<hr class="divider">
	<!-- 底部 -->
	<div id="footer">
	    <a href="#top">回到顶部</a>
	    <a>全国服务热线:400-200-3689</a>
	    <a href="index.html">Copyright © 2010-2018 慧盈期权</a>
    </div>
</body>
</html>